<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>人员添加页面</title>
    <link rel="stylesheet" href="./../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="./../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

      .borderless-input .el-input__wrapper {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
      }

      /* 移除聚焦状态样式 */
      .borderless-input .el-input__wrapper.is-focus {
        box-shadow: none !important;
      }

      .el-select__wrapper {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
      }

      /* 控制 el-descriptions-item 中 label 的宽度 */
      .el-descriptions-item__label {
        width: 50px !important;
        /* 你可以根据需要调整这个宽度值 */
        display: inline-block !important;
      }

      .botton-ann {
        background-color: #eff5ff 0, #e0ecff 100%;
        padding: 8px;
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .upload_file.none .el-upload {
        display: none;
      }
    </style>
  </head>

  <body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app">
      <header>
        <div class="m-toolbar">
          <div class="m-title">添加信息</div>
        </div>
      </header>
      <div
        id="MainTable"
        :data-options="JSON.stringify({ 'TableName': 'grid_resource', 'form': 'dataForm' })"
      ></div>
      <div
        class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder"
        style="height: 3000px"
        id="MainTable"
        ref="MainTable"
        :data-options="JSON.stringify({ 'TableName': 'grid_resource', 'form': 'dataForm' })"
      >
        <el-descriptions :column="1" size="large" border>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">网格员编号</div>
            </template>
            <el-input
              ref="personal_information"
              v-model="dataForm.Grid_Resource_SerialNumber"
              class="borderless-input"
              placeholder="请输入网格员编号"
            />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">网格员编号</div>
            </template>
            <el-input
              ref="personal_information"
              v-model="dataForm.Grid_SerialNumber"
              class="borderless-input"
              placeholder="请输入网格员编号"
            />
          </el-descriptions-item>
          <!-- <el-descriptions-item>
          <template #label>
            <div class="cell-item">所属网格编号</div>
          </template>
          <el-select v-model="grid_resource.Grid_SerialNumber" placeholder="" size="large">
            <el-option v-for="item in Genderdata" :key="item.Grid_SerialNumber" :label="item.Responsible_Organization"
              :value="item.Grid_SerialNumber" />
          </el-select>
        </el-descriptions-item> -->
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">所属网格编号</div>
            </template>
            <el-input
              ref="grid_member"
              v-model="dataForm.Resource_Type"
              class="borderless-input"
              placeholder="请输入所属网格编号"
            />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">所属网格编号</div>
            </template>
            <el-input
              ref="grid_member"
              v-model="dataForm.Coordinate"
              class="borderless-input"
              placeholder="请输入所属网格编号"
            />
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <footer class="botton-ann">
        <el-button @click="goBack">返回</el-button>
        <el-button type="primary" plain @click="handleSubmit">提交</el-button>
      </footer>
    </div>
  </body>
  <script src="../../utils/utils.js"></script>
  <script src="../../config/config.js"></script>
  <script src="../../yl/vue.js"></script>
  <script src="../../yl/index.js"></script>
  <script src="../../yl/index.iife.min.js"></script>
  <script src="../../yl/jquery.min.js"></script>
  <script src="../../yl/jquery.easyui.min.js"></script>
  <script src="../../yl/jquery.easyui.mobile.js"></script>
  <script src="../../yl/moment.min.js"></script>
  <script src="../../api/request.js"></script>
  <script src="./js/grid_resourceAdd.js"></script>
</html>
